<template>
  <n-tabs type="segment" animated>
    <n-tab-pane name="MyBatis" tab="MyBatis">
      <GeneratorForm generator="MyBatis" @formHandle="formHandle" />
    </n-tab-pane>
    <n-tab-pane name="MyBatis Plus" tab="MyBatis Plus">
      <GeneratorForm generator="MyBatis Plus"  @formHandle="formHandle"/>
    </n-tab-pane>
  </n-tabs>
</template>

<script setup lang="ts">
import { Generator } from "@/types/interfaces";
import GeneratorForm from "./GeneratorForm.vue";
const emit = defineEmits(["formHandle"]);

const formHandle = (formData: Generator) => {
  emit("formHandle", formData);
};
</script>

<style scoped></style>
